Ext.define('App.view.home.LoadingPanel', {
	extend : 'Ext.Panel',
	id : 'pnlLoading',
	xtype: "loadingPanel",
	
	config: {
		layout : {
			duration: 500,
            easing: 'ease-in-out',
			animation : 'pop',
			type : 'card'
		},
		
		items : [ {
			xtype : 'panel',
			height : '100%',
			id : 'LoadingBody',
			layout : {
				type : 'vbox'
			},
			scrollable : false,
			items : [ {
				xtype : 'container',
				height : 30,
				top : '80%',
				width : '100%',
				layout : {
					type : 'vbox'
				},
				items : [ {
					xtype : 'panel',
					height : 30,
					items : [ {
						xtype : 'image',
						centered : true,
						height : 29,
						id : 'imgLoaded',
						width : 98,
						src : 'resources/images/loaded0.png'
					} ]
				}, {
					xtype : 'panel',
					height : 30,
					items : [ {
						xtype : 'label',
						centered : true,
						html : 'loading...',
						id : 'lblLoading'
					} ]
				} ]
			}, {
				xtype : 'container',
				height : 30,
				top : '80%',
				width : '100%'
			} ]
		},{
			xtype: 'mainPanel'
		} ]
		
	}
	
});